//
// Page Styling
//
// Style the markup found in page.tpl.php. Also includes some styling of
// miscellaneous Drupal elements that appear in the $content variable, such as
// ul.links, .pager, .more-link, etc.
//

@import "base";


//
// Body
//
body {
  margin: 0;
  padding: 0;
}

#page {
}


//
// The skip-link link will be completely hidden until a user tabs to the link.
// See the element-focusable rule in system.base.css.
//
#skip-link {
  margin: 0;

  a,
  a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff;
  }
}


//
// Header
//
#header {
}

#logo { // Wrapping link for logo
  float: left; // LTR
  margin: 0;
  padding: 0;

  img {
    vertical-align: bottom;
  }
}

#name-and-slogan { // Wrapper for website name and slogan
  float: left;
}

#site-name { // The name of the website
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;

  a:link,
  a:visited {
    color: #000;
    text-decoration: none;
  }

  a:hover,
  a:focus {
    text-decoration: underline;
  }
}

#site-slogan { // The slogan (or tagline) of a website
  margin: 0;
  font-size: 1em;
}

.region-header { // Wrapper for any blocks placed in the header region
  clear: both; // Clear the logo
}


//
// Main (container for everything else)
//
#main {
}


//
// Content
//
#content {
}

.region-highlighted {
}

.breadcrumb { // The path to the current page in the form of a list of links
  ul {
    margin: 0;
    padding: 0;
  }
  li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}

h1.title, // The title of the page
h2.node-title, // Title of a piece of content when it is given in a list of content
h2.block-title, // Block title
h2.title, // Comment section heading
h2.comment-form, // Comment form heading
h3.title { // Comment title
  margin: 0;
}

tr.even { // Some tables have rows marked even or odd.
  // background-color: #eee; // Drupal core uses a #eee background
}

tr.odd {
  // background-color: #eee; // Drupal core uses a #eee background
}

div.messages { // Important messages (status, warning, and error) for the user. See also the declarations in messages.css.
  margin: 1.5em 0; // Drupal core uses "6px 0" margin

  ul {
    margin-top: 0;
    margin-bottom: 0;
  }
}

div.status { // Normal priority messages
}

div.warning,
tr.warning { // Medium priority messages
  // border: 1px solid #f0c020; // Drupal core uses: 1px solid #f0c020
}

div.error,
tr.error { // High priority messages. See also the .error declaration below.
}

.error { // Errors that are separate from div.messages status messages.
  // color: #e55; // Drupal core uses a #e55 background
}

.warning { // Warnings that are separate from div.messages status messages.
  // color: #e09010; // Drupal core uses a #e09010 background
}

.tabs { // See also the tabs.css file.
}

.region-help { // Help text on a page
}

.more-help-link { // Link to more help
}

.region-content { // Wrapper for the actual page content
}

ul.links { // List of links generated by theme_links().

  &.inline {
    display: block; // Let the links be inline, but the container be a block.
    padding: 0;
  }

  li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0; // LTR
  }
}

.item-list .pager { // A list of page numbers when more than 1 page of content is available
  padding: 0;

  li { // Each page number in the pager list
    padding: 0 0.5em;
  }
}

.feed-icon { // The link to the RSS or Atom feed for the current list of content
}

.more-link { // Aggregator, blog, and forum more link
}


//
// First sidebar (on left in LTR languages, on right in RTL)
//
// Remember to NOT add padding or margin to your .region-sidebar-first
// (see the layout.css file.)
//
.region-sidebar-first {
}


//
// Second sidebar (on right in LTR languages, on left in RTL)
//
// Remember to NOT add padding or margin to your .region-sidebar-second
// (see the layout.css file.)
//
.region-sidebar-second {
}


//
// Footer
//
#footer {
}


//
// Page bottom
//
.region-bottom { // Wrapper for any blocks placed in the page bottom region
}
